<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模仿</title>
    <meta name="author" content="LHX" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./CSS/index.css"/>
    <link rel="stylesheet" href="./CSS/nav.css"/>
    <link rel="stylesheet" href="./CSS/big.css"/>
    <link rel="stylesheet" href="./CSS/main.css"/>
    <link rel="stylesheet" href="./CSS/foot.css"/>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div id="wrapper">
    <!--滚轮监听的事件-->
    <div id="conleft">
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div id="conright">
        <section></section>
    </div>
    <div id="top"><a href=""><img src="./images/top.jpg" alt=""/></a></div>
    <div id="nav">
        <div id="navbar">
            <div class="left">
                <p>送货到 <span style="color:#ff0000"><b>河南</b></span></p>
                <table class="local">
                    <tr ng-repeat="s in locals">
                        <td>{{s.lo}}</td>
                        <td>{{s.lc}}</td>
                        <td>{{s.la}}</td>
                        <td>{{s.ll}}</td>
                        <td>{{s.ls}}</td>
                    </tr>
                </table>
            </div>
            <ul class="right">
                <li><div class="onli"> <span class="out outyong" style="display:none;"><a href="">用户登录</a>
                    </span><span class="please" style="color:#ff0000;">欢迎来到乐峰<a href="./login.html">&nbsp; 请登录</a></span></div>
                </li>
                <li><div class="onli"> <span class="out outdeng" style="display:none;"><a href="javascript:;" style="color: red;">退出登录</a></span>
                    <span class="please" style="color:#ff0000;">|</span></div>
                </li>
                <li><div class="onli"><a href="./register.html"><span style="color:#ff0000">免费注册</span></a></div></li>
                <li><div class="onli"><a href="">我的订单</a></div>
                    <div>
                        <a href="">我的钱包</a>
                        <a href="">我的礼券</a>
                    </div>
                </li>
                <li><div class="onli"><a href="">快速导航</a></div>
                    <div>
                        <section>
                            <a href="">帮助中心</a>&nbsp;
                            <a href="">联系客服</a><br/><a href="">商务合作</a>
                        </section>
                        <img src="./images/daohm.jpg" alt=""/>
                        <p>惊喜码上来</p>
                    </div>
                </li>
                <li><div class="onli"><a href="">收藏乐峰</a></div></li>
                <li><div class="onli">
                    <div class="tel"></div>
                    <span class="phone" style="color:#ff0000">手机乐蜂</span>
                </div>
                    <section>
                        <img src="./images/telma.png" alt=""/>
                        <div class="fen">
                            <div></div><div></div><span>客户端</span>
                        </div>
                    </section>
                </li>
            </ul>
            <div style="height: 0;clear:both;"></div>
        </div>
        <div id="Anav">
            <div class="navbar_a">
                <div class="eight"><img src="./images/zhounian8.gif" alt=""/></div>
                <div class="search">
                    <b>搜索</b>
                    <section class="search_one"><input type="search" placeholder="面膜" value=""/></section>
                    <p>热门：<a href="">BB霜</a> <a href="">眼霜</a> <a href="">
                        洁面</a> <a href="">欧莱雅</a> <a href="">BB霜</a> <a href="">防晒隔离</a></p>
                </div>
                <div id="goshop">
                    <div class="shop">
                        <strong>0</strong>
                    </div>
                    <p>您的购物车还没有商品，<br>赶紧去选购吧.</p>
                </div>
            </div>
        </div>
        <div id="all_order">
            <div id="order">
                <ul class="order_one">
                    <li>商品分类<div class="lidiv"></div>
                        <div id="menu_bar">
                            <div class="alldl">
                                <dl>
                                    <dt><img src="./images/tiny1.png" alt=""/><strong>护肤用品</strong></dt>
                                    <dd><a href="">面膜</a><a href="">防晒隔离</a><a href="">护肤套装</a></dd>
                                    <dd><a href="">洁面</a><a href="">面部护肤</a><a href="">眼部护理</a></dd>
                                </dl>
                                <dl>
                                    <dt><img src="./images/tiny2.png" alt=""/><strong>彩妆用品</strong></dt>
                                    <dd><a href="">底妆</a><a href="">眼妆</a><a href="">唇装</a></dd>
                                    <dd><a href="">卸妆</a><a href="">美甲</a><a href="">彩妆套装</a></dd>
                                </dl>
                                <dl>
                                    <dt><img src="./images/tiny3.png" alt=""/><strong>美容工具</strong></dt>
                                    <dd><a href="">美容工具</a> <a href="">美妆工具</a> <a href="">美发工具</a></dd>
                                    <dd><a href="">美甲工具</a> <a href="">洁面工具</a> <a href="">化妆工具</a></dd>
                                </dl>
                                <dl class="non bai">
                                    <dt><img src="./images/tiny4.png" alt=""/><strong>香水香氛</strong></dt>
                                    <dd><a href="">香水套装</a> <a href="">女士香水</a> <a href="">男士香水</a></dd>
                                    <dd><a href="" style="margin-right: 0.19rem;">淡香水</a> <a href="">香氛精油</a> <a href="">走珠香水</a></dd>
                                </dl>
                                <dl class="non hui">
                                    <dt><img src="./images/tiny5.png" alt=""/><strong>个人护理</strong></dt>
                                    <dd><a href="">头发护理</a> <a href="">身体护理</a> <a href="">口腔护理</a></dd>
                                    <dd><a href="">手足护理</a> <a href="">美体瘦身</a> <a href="">胸部护理</a></dd>
                                </dl>
                                <div class="order_bottom"><a><img src="./images/order_bottom.png" alt=""/></a></div>
                                <div class="strech"><a>查看全部分类 > ></a></div>
                            </div>
                            <table>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                            </table>
                            <table>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                            </table>
                            <table>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                            </table>
                            <table>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                    </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                            </table>
                            <table>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                                <tr>
                                    <td><b>面膜</b></td>
                                    <td>防晒乳   防晒喷  隔离乳  防晒乳   防晒喷  隔离乳</td>
                                    <td><b>防晒隔离</b></td>
                                    <td>防晒乳   防晒喷  隔离乳</td>
                                </tr>
                            </table>
                        </div>
                    </li>
                    <li><a href="./index.html" class="tou">首页</a></li>
                    <li><a href="" class="tou">蜂购全球</a></li>
                </ul>
                <ul class="order_two">
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
                <div style="height:0;width:0;clear:both;"></div>
            </div>
        </div>
    </div>
        <div id="banner">
            <ul class="list">
                <li class="current"><a href="./glossy.html"><img src="./images/jiangli.jpg" alt=""/></a></li>
                <li><a href=""><img src="./images/lo.jpg" alt=""/></a></li>
                <li><a href=""><img src="./images/shui.jpg" alt=""/></a></li>
                <li><a href=""><img src="./images/han.jpg" alt=""/></a></li>
                <li><a href=""><img src="./images/lv.jpg" alt=""/></a></li>
                <li><a href=""><img src="./images/lan.jpg" alt=""/></a></li>
            </ul>
            <ul class="count">
                <li class="on"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div style="clear: both;"></div>
    </div>
    <div id="all">
        <div id="main">
            <div class="main_bar every_one">
                <div class="brand_sale every"></div>
                <span>每天<b>10点</b>上新</span>
                <a href="" class="more">更多品牌 ></a>
                <div style="clear: both;"></div>
            </div>
            <ul class="main_one">
                <li ng-repeat="x in listone">
                    <a href=""><img ng-src="{{x.src1}}" alt=""/></a>
                </li>
            </ul>
            <div style="clear: both;"></div>
            <div class="main_bar every_two">
                <div class="explosion every"></div>
            </div>
                <table class="main_two tabmain">
                    <tr ng-repeat="v in listtwo">
                        <td ng-repeat="z in v.lis">
                            <a href="">
                                <img ng-src="{{v.src3}}" alt=""/>
                                <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                            </a>
                            <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                        </td>
                        <td ng-repeat="z in v.lis">
                            <a href="">
                                <img ng-src="{{v.src4}}" alt=""/>
                                <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                            </a>
                            <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                        </td>
                        <td ng-repeat="z in v.lis">
                            <a href="">
                                <img ng-src="{{v.src5}}" alt=""/>
                                <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                            </a>
                            <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                        </td>
                        <td ng-repeat="z in v.lis">
                            <a href="">
                                <img ng-src="{{v.src6}}" alt=""/>
                                <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                            </a>
                            <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                        </td>
                    </tr>
            </table>
            <!---->
            <div class="main_bar every_three">
                <div class="face every"></div>
            </div>
            <table class="main_three tabmain  tabb">
                <tr ng-repeat="v in listthree">
                    <td><a href=""><img ng-src="{{v.sr}}" alt=""/></a></td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sc}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sa}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sf}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
            </table>
            <!---->
            <div class="main_bar every_four">
                <div class="sweet every"></div>
            </div>
            <table class="main_four tabmain tabb">
                <tr ng-repeat="v in listfour">
                    <td><a href=""><img ng-src="{{v.sr}}" alt=""/></a></td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sc}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sa}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sf}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
            </table>
            <div class="main_bar every_five">
                <div class="xihu every"></div>
            </div>
            <table class="main_five tabmain tabb">
                <tr ng-repeat="v in listfive">
                    <td><a href=""><img ng-src="{{v.sr}}" alt=""/></a></td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sc}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sa}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis" class="nof">
                        <a href="">
                            <img ng-src="{{v.sf}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
            </table>
            <div class="main_bar every_six">
                <div class="food every"></div>
            </div>
            <table class="main_six tabmain tabb">
                <tr ng-repeat="df in listsix">
                    <td><a href=""><img ng-src="{{df.sr}}" alt=""/></a></td>
                    <td ng-repeat="z in df.lis" class="nof">
                        <a href="">
                            <img ng-src="{{df.sc}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in df.lis" class="nof">
                        <a href="">
                            <img ng-src="{{df.sa}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in df.lis" class="nof">
                        <a href="">
                            <img ng-src="{{df.sf}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
            </table>
            <div class="main_bar every_two">
                <div class="explosion every"></div>
            </div>
            <table class="main_two tabmain">
                <tr ng-repeat="v in listtwo">
                    <td ng-repeat="z in v.lis">
                        <a href="">
                            <img ng-src="{{v.src3}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis">
                        <a href="">
                            <img ng-src="{{v.src4}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis">
                        <a href="">
                            <img ng-src="{{v.src5}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                    <td ng-repeat="z in v.lis">
                        <a href="">
                            <img ng-src="{{v.src6}}" alt=""/>
                            <p><b>{{z.btxt}}</b>{{z.ptxt}}</p>
                        </a>
                        <p class="money"><strong>{{z.mo}}</strong><del>{{z.dl}}</del><a href=""><span>{{z.ic}}</span></a></p>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="foot_banner"></div>
        <div id="foot">
            <div id="footer">
                <ul class="pic">
                    <li class="pic1"></li>
                    <li class="pic2"></li>
                    <li class="pic3"></li>
                </ul>
                <div style="clear: both;"></div>
                <div class="service">
                    <div class="lp">
                        <div class="feng"></div>
                        <p>客服：9:00-24:00</p>
                    </div>
                    <table class="stab">
                        <thead>
                        <tr>
                            <th>新手指南</th>
                            <th>付款方式</th>
                            <th>配送服务</th>
                            <th>售后服务</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="z in server">
                            <td>{{z.ser1}}</td>
                            <td>{{z.ser2}}</td>
                            <td>{{z.ser3}}</td>
                            <td>{{z.ser4}}</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="rp">
                        <p>乐蜂网微信</p>
                        <div class="weixin"></div>
                    </div>
                </div>
                <div class="end">
                    <ul class="volid">
                        <li><a href="">关于乐蜂</a></li>
                        <li><a href="">免责声明</a></li>
                        <li><a href="">隐私声明</a></li>
                        <li><a href="">版权声明</a></li>
                        <li><a href="">招聘信息</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">帮助中心</a></li>
                        <li><a href="">友情链接</a></li>
                    </ul>
                    <div style="clear: both;"></div>
                    <p>Copyright © 2008-2016 Lefeng.com All Rights Reserved. 天津品简电子商务有限公司 <a href="">津ICP备15005555号-1</a>  京公网安备11010502014183<a href="">营业执照</a></p>
                    <p>公司全称：天津品简电子商务有限公司     公司固话：400 000 1818     公司地址：天津市武清区京津电子商务产业园宏瑞道18号</p>
                </div>
                <div class="can">
                    <a href=""><img src="./images/end/100.jpg" alt=""/></a>
                    <a href=""><img src="./images/end/101.png" alt=""/></a>
                    <a href=""><img src="./images/end/102.png" alt=""/></a>
                    <a href=""><img src="./images/end/103.png" alt=""/></a>
                    <a href=""><img src="./images/end/102.png" alt=""/></a>
                </div>
            </div>
        </div>
    </div>
<script src="./lib/angular.js"></script>
<script>
    var mpp = angular.module('myApp',[]);
    mpp.controller('myCtrl',function($scope,$http){
        $http.jsonp('list.json')
                .success(function(response){
                    $scope.listone = response.listone;
                    $scope.listtwo = response.listtwo;
                    $scope.server = response.server;
                    $scope.locals = response.locals;
                    $scope.listthree = response.listthree;
                    $scope.listfour = response.listfour;
                    $scope.listfive = response.listfive;
                    $scope.listsix = response.listsix;
                });
    });
</script>
</body>
</html>
<script src="./lib/jquery-2.0.3.js"></script>
<script src="./JS/jquery.cookie.js"></script>
<script src="./JS/public.js"></script>
<script src="./JS/index.js"></script>
<script src="./JS/main.js"></script>
<script src="./JS/nav.js"></script>

